
//显示图片操作
function showOperation(imgId){
    $('#'+imgId+'').show();
}
//隐藏图片操作
function hideOperation(imgId){
    $('#'+imgId+'').hide();
}
//图片移除
function deleteimg(imgId){
    $('#'+imgId+'').remove();		
}
layui.config({
    base: 'plugins/layui/modules/'
}).use(['form', 'http'], function () {
    var  form = layui.form,
        http = layui.http;


    // ------------------- 图片 start ----------------------
    
    // $('#mainUp').on('change', function () {
    // 	formData = new FormData();
    // 	var files = this.files;
    // 	if(!files||files.length==0){
    // 		return
    // 	}
    // 	var ifGo = true;
    // 	for(var i=0;i<files.length;i++){
    // 		formData.append('files', files[i]);
    // 		if(!verificationPicFile(files[i],0.5)){
    // 			ifGo = false
    // 			break
    // 		}
    // 	}
    // 	formData.append('fileType', 'img');
    // 	formData.append('isFileName', false);
    // 	if(ifGo){
    // 		http.upLoad('system/file/upload/batch',formData,function(res){
    // 		    if(res.code == 200){
    // 				var dataList = res.data;
    // 				$('.mainImg').hide()
    // 				$('.showMImg').show()
                    
    // 				for(var i=0;i<dataList.length;i++){
    // 					var imgId = http.getUUID();
    // 					var html = '<div id="div'+imgId+'" class="imgdiv">'+
    // 					    '<img onurl="'+dataList[i]+'" src="'+(TUrl+dataList[i])+'" id="proimg'+imgId+'">'+
    // 					    '<ul class="imgul" id="span'+imgId+'">'+
    // 					        '<li onclick="deleteimg(\'div'+imgId+'\')">移除</li>'+
    // 					    '</ul>'+
    // 					'</div>';
    // 					$('.showMImg').append(html);
    // 					$('#div'+imgId+'').attr('onmouseover','showOperation(\'span'+imgId+'\')');
    // 					$('#div'+imgId+'').attr('onmouseout','hideOperation(\'span'+imgId+'\')');
    // 				}
                    
    // 				layer.msg('图片上传成功！', {
    // 				    time: 500
    // 				});
    // 		    }else{
    // 		        layer.msg(res.msg)
    // 		    }
    // 		})  
    // 	}
    // })
    // 商品主图
    $('#mainUp').on('change', function () {
        var file = this.files[0]
        if(!file || file.length==0){
            return
        }
        if(!verificationPicFile(file,1)){
            return
        }
        formData = new FormData();
        formData.append('file', file);
        formData.append('fileType', 'img');
        formData.append('isFileName', false);
        http.upLoad('system/file/upload',formData,function(res){
            $('#mainUp').val('')
            if(res.code == 200){
                $('.mainImg').hide()
                $('.showMImg').show()

                var imgId = http.getUUID();
                var html = '<div id="div'+imgId+'" class="imgdiv">'+
                    '<img onurl="'+res.data+'" src="'+(TUrl+res.data)+'" id="proimg'+imgId+'">'+
                    '<ul class="imgul" id="span'+imgId+'">'+
                        '<li onclick="deleteimg(\'div'+imgId+'\')">移除</li>'+
                    '</ul>'+
                '</div>';
                setTimeout(function(){
                    $('.showMImg').html(html);
                    $('#div'+imgId+'').attr('onmouseover','showOperation(\'span'+imgId+'\')');
                    $('#div'+imgId+'').attr('onmouseout','hideOperation(\'span'+imgId+'\')');
                },200);
                layer.msg('图片上传成功！', {
                    time: 500
                });
            }
        })
    })

    // 上传商品图片
    $('#bannerUp').on('change', function () {
        formData = new FormData();
        var imgNum = $(".showDImg1").children("div").length;
        var files = this.files;
        if(!files||files.length==0){
            return
        }
        if(imgNum>19 || files.length>20 || (files.length+imgNum)>20){
            layer.msg('最多只能上传20张图片')
            return false
        }
        
        var ifGo = true;
        for(var i=0;i<files.length;i++){
            formData.append('files', files[i]);
            if(!verificationPicFile(files[i],3)){
                ifGo = false
                break
            }
        }
        formData.append('fileType', 'img');
        formData.append('isFileName', false);
        
        if(ifGo){
            $('.showDImg1').show().siblings('li').hide();
            
            onBannerUp(formData,files);
        }
    });
    function onBannerUp(formData,files){
        http.upLoad('system/file/upload/batch',formData,function(res){
            $('#bannerUp').val('')
            if(res.code == 200){
                var dataList = res.data;
                $('.detailsImg').hide()
                for(var i=0;i<dataList.length;i++){
                    var imgId = http.getUUID();
                    var html = '<div id="div'+imgId+'" class="imgdiv">'+
                        '<img onurl="'+dataList[i]+'" src="'+(TUrl+dataList[i])+'" id="proimg'+imgId+'">'+
                        '<ul class="imgul" id="span'+imgId+'">'+
                            '<li onclick="deleteimg(\'div'+imgId+'\')">移除</li>'+
                        '</ul>'+
                    '</div>';
                    $('.showDImg1').append(html);
                    $('#div'+imgId+'').attr('onmouseover','showOperation(\'span'+imgId+'\')');
                    $('#div'+imgId+'').attr('onmouseout','hideOperation(\'span'+imgId+'\')');
                }
                layer.msg('图片上传成功！', {
                    time: 500
                });
            }else{
                layer.msg(res.msg)
            }
        })
    }
    /* $('#bannerUp').on('change', function () {
        var imgNum = $(".showDImg1").children("div").length;
        if(imgNum>19){
                layer.msg('最多只能上传20张图片')
                return false
        }
        if(!verificationPicFile(this,3)){
            return
        }
        $('.showDImg1').show().siblings('li').hide();
        var file = this.files[0],
            formData = new FormData();
        formData.append('file', file);

        formData.append('fileType', 'img');
        formData.append('isFileName', false);
        onBannerUp(formData,file);
    });
    function onBannerUp(formData,file){
        http.upLoad('system/file/upload',formData,function(res){
            if(res.code == 200){
                var shopBannerPicture = res.data;
                $('.detailsImg').hide()
                
                var imgId = http.getUUID();
                var html = '<div id="div'+imgId+'" class="imgdiv">'+
                                '<img onurl="'+shopBannerPicture+'" src="'+(TUrl+shopBannerPicture)+'" alt="'+ file.name +'" id="proimg'+imgId+'">'+
                                '<ul class="imgul" id="span'+imgId+'">'+
                                    '<li onclick="deleteimg(\'div'+imgId+'\')">移除</li>'+
                                '</ul>'+
                            '</div>';
                setTimeout(function(){
                        $('.showDImg1').append(html);
                        $('#div'+imgId+'').attr('onmouseover','showOperation(\'span'+imgId+'\')');
                        $('#div'+imgId+'').attr('onmouseout','hideOperation(\'span'+imgId+'\')');
                },200);
                layer.msg('图片上传成功！', {
                    time: 500
                });
            }
        })
    } */
    //图片大小验证
    function verificationPicFile(file,sizeTop) {
        var fileMaxSize = 1024*sizeTop;
        var fileSize = file.size; // 文件大小
        if(fileSize){
            fileSize = fileSize / 1024;
            if (fileSize > fileMaxSize) {
                layer.msg("文件大小不能大于"+(sizeTop==0.5?"500K":(sizeTop+"M"))+"！");
                return false;
            }else if (fileSize <= 0) {
                layer.msg("文件大小不能为0M！");
                return false;
            }else{
                return true;
            }
        }else{
            return false;
        }
    }
    /* function verificationPicFile(file,sizeTop) {
        var fileSize = 0;
        var fileMaxSize = 1024*sizeTop;
        var filePath = file.value;
        
        if(filePath){
            fileSize =file.files[0].size;
            var size = fileSize / 1024;
            if (size > fileMaxSize) {
                // layer.msg("文件大小不能大于"+size+"M！");
                layer.msg("文件大小不能大于"+(sizeTop==0.5?"500K":"3M")+"！");
                file.value = "";
                return false;
            }else if (size <= 0) {
                layer.msg("文件大小不能为0M！");
                file.value = "";
                return false;
            }else{
                return true;
            }
        }else{
            return false;
        }
    } */
    // ------------------- 图片 end ----------------------
			

});